<div class="top-bar clearfix">
    <div class="logo pull-left">
        <img class="cursor-pointer" ng-click="goUrl('app.workBoard.main')" src="assets/img/logo.png"/>
    </div>
    <div class="nav">
        <div ng-scrollbar scrollbar-x="true" scrollbar-y="false" style="height: 57px;"
             scrollbar-config="{autoResize: true, scrollbar:{width: 6, color: 'rgba(0,113,255,.4)'}, scrollbarContainer: {width: 8}}">
            <ul class="clearfix" style="width:100%">
                <li class="pull-left" ng-if="item.name != '大屏'" ng-repeat="item in primaryMenus" ng-click="getSubMenu(item)" ng-if="item.children&&item.children.length>0"
                    ng-class="{'active':state.includes('{{item.state}}')}">
                    {{item.name}}
                </li>
                <li class="pull-right" style="color: #0051b7;font-size: 14px;" ng-if="item.name == '大屏'" ng-repeat="item in primaryMenus"
                ng-click="getScreen(item)" >
                    <a style="color: #0051b7;font-size: 14px;">{{item.name}}</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="user-msg pull-right">
        <div class="pull-left cursor-pointer wrapper-x-sm">
            <div class="spill-dots" title="{{curUser.realName}}">
                {{curUser.name}}
            </div>
            <ul class="drop-nav">
                <li class="cursor-pointer" ng-click="goUrl('app.personal.info')">个人信息</li>
                <li class="cursor-pointer" ng-click="goUrl('app.personal.changePwd')">修改密码</li>
            </ul>
        </div>
        <div class="pull-left cursor-pointer wrapper-x-sm" ng-click="logout()">
            <div><i class="yb-icon ico-quit"></i> 退出</div>
        </div>
    </div>
</div>
<div class="side-bar" ng-class="{'hide-side': !app.settings.sideBar}">
    <div class="nav-name">
        <i class="yb-icon ico-site-map-o font-14 m-r-xs"></i>{{subMenu.name}}
    </div>
    <div class="nav-container">
        <div ng-scrollbar scrollbar-x="false" scrollbar-y="true"
             scrollbar-config="{show: true, autoResize: true, scrollbar:{width: 8, color: 'rgba(255,255,255,.4)'}, scrollbarContainer: {width: 10}}">
            <dl>
                <dd ng-repeat="item in subMenu.children">
                    <div ng-class="{'active': state.includes('{{item.state}}') && item.leaf === 1}" ng-click="clickMenu(item)">
                        <i class="yb-icon ico-logo"></i>{{item.name}}
                        <i class="yb-icon pull-right" ng-class="{'ico-chevron-down': item.children.length > 0 && !!item.isCollapsed, 'ico-chevron-up': item.children.length > 0 && !item.isCollapsed}"></i>
                    </div>
                    <ul ng-if="!item.isCollapsed && item.children.length > 0">
                        <li ng-repeat="subItem in item.children track by $index" ui-sref="{{subItem.state}}"
                            ng-class="{'active': state.includes('{{subItem.state}}')}">
                            {{subItem.name}}
                        </li>
                    </ul>
                </dd>
            </dl>
        </div>
    </div>
    <div class="switch-btn text-center" ng-class="{'cursor-pointer': subMenu.children.length > 0}" ng-click="switchSubNav()">
        <i class="yb-icon pos-r" ng-class="{'ico-close-side': app.settings.sideBar, 'ico-open-side': !app.settings.sideBar}"
           ng-if="subMenu.children.length > 0"></i>
    </div>
</div>

<div class="main-body" ng-class="{'hide-side': !app.settings.sideBar}">
    <div ui-view></div>
</div>